<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>科技最前沿主页</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/fav-icon.png" rel="icon">
  <link href="assets/img/fav-icon.png" rel="apple-touch-icon">
  <!-- Vendor CSS Files -->
  <!-- Aos 动画库 -->
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <!-- Bootstrap 样式库 -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!-- Icons 图标库 -->
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="./assets/vendor/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet">
  <!-- Glightbox 支持移动手机的移动插件 -->
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <!-- Swiper 轮播图插件 -->
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  <!-- Index Main CSS File 主页主要CSS文件 -->
  <link href="assets/css/index.css" rel="stylesheet">
</head>

<body>
  <!-- ======= Header 页眉 ======= -->
  <header id="header" class="fixed-top header-transparent">
    <div class="container d-flex align-items-center justify-content-between">

      <div class="logo">
        <h1 class="text-light"><a href="#"><span>科技前沿 Technology</span></a></h1>
        <!-- Uncomment below if you prefer to use an image logo -->
        <!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a> -->
      </div>
      <!-- Navigation Bar 导航栏 -->
      <nav id="navbar" class="navbar ">
        <ul>
          <li><a class="nav-link scrollto active" href="#hero">Home 主页</a></li>
          <li><a class="nav-link scrollto" href="#about">Application 应用</a></li>
          <li><a class="nav-link scrollto" href="#services">Trends 趋势</a></li>
          <li><a class="nav-link scrollto" href="#team">Team 团队</a></li>
          <li><a class="nav-link scrollto" href="#contact">Contact 联系我们</a></li>
          <li class="dropdown"><a href="#"><span>More 更多</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li class="dropdown"><a href="#"><span>网站</span> <i class="bi bi-chevron-right"></i></a>
                <ul>
                  </li><li><a href="../kepu/index.html" target="_blank">科普</a></li>
                  <li><a href="../science_technology/huawei.html" target="_blank">科技咨询</a>
                  <li><a href="../product_compare/index.html" target="_blank">产品比较</a></li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
        <!-- 移动端菜单图标 -->
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->

  <!-- ======= 1st Section ======= -->
  <section id="hero">
    <div class="hero-container" data-aos="fade-up">
      <h1>Welcome to 科技最前沿主页</h1>
      <h2>我们将会介绍关于科技最前沿的相关资讯</h2>
      <a href="#about" class="btn-get-started" data-aos="zoom-in" data-aos-delay="150"><i
          class="fa fa-arrow-down"></i></a>
    </div>
  </section><!-- End 1st Hero -->

  <main id="main">
    <!-- =======2nd About Section ======= -->
    <section id="about" class="about">
      <div class="container">

        <div class="row no-gutters">
          <div class="content col-xl-5 d-flex align-items-stretch" data-aos="fade-up">
            <div class="content">
              <h3>科技最新应用</h3>
              <p>
                本栏介绍科技应用概述
              </p>
              <a href="#" class="about-btn">详情<i class="bx bx-chevron-right"></i></a>
            </div>
          </div>
          <div class="col-xl-7 d-flex align-items-stretch">
            <div class="icon-boxes d-flex flex-column justify-content-center">
              <div class="row">
                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
                  <a href="#">
                    <i class="bi bi-broadcast-pin"></i>
                    <h4>5G</h4>
                    <p>第五代移动通信技术（5th Generation Mobile Communication
                      Technology，简称5G）是具有高速率、低时延和大连接特点的新一代宽带移动通信技术，是实现人机物互联的网络基础设施。
                    </p>
                  </a>
                </div>

                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
                  <a href="#">
                    <i class="bi bi-pc-display-horizontal"></i>
                    <h4>VR</h4>
                    <p>虚拟现实技术(英文名称：Virtual
                      Reality，缩写为VR)，是20世纪发展起来的一项全新的实用技术。虚拟现实技术囊括计算机、电子信息、仿真技术，其基本实现方式是计算机模拟虚拟环境从而给人以环境沉浸感。
                      随着社会生产力和科学技术的不断发展，各行各业对VR技术的需求日益旺盛。VR技术也取得了巨大进步，并逐步成为一个新的科学技术领域。
                    </p>
                  </a>
                </div>

                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">
                  <a href="">
                    <i class="bi bi-robot"></i>
                    <h4>Artificial Intelligence 人工智能</h4>
                    <p>人工智能的定义可以分为两部分，即“人工”和“智能”。“人工”比较好理解，争议性也不大。
                      有时我们会要考虑什么是人力所能及制造的，或者人自身的智能程度有没有高到可以创造人工智能的地步，等等。
                      但总的来说，“人工系统”就是通常意义下的人工系统。
                    </p>
                  </a>
                </div>
                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400"><a href="">
                    <a href="">
                      <i class="bx bx-shield"></i>
                      <h4>Argumented Reality 增强现实</h4>
                      <p>增强现实(Augmented
                        Reality)技术是一种将虚拟信息与真实世界巧妙融合的技术，广泛运用了多媒体、三维建模、实时跟踪及注册、智能交互、传感等多种技术手段，将计算机生成的文字、图像、三维模型、音乐、视频等虚拟信息模拟仿真后，应用到真实世界中，两种信息互为补充，从而实现对真实世界的“增强”。
                      </p>
                    </a>
                </div>
              </div>
            </div><!-- End .content-->
          </div>
        </div>
      </div>
      </div>
      </div>
    </section><!-- End 2nd About Section -->

    <!-- 3rd Carousel 轮播 -->
    <section id="carousel" data-aos="zoom-in">
      <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-indicators">
          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
            aria-current="true" aria-label="Slide 1"></button>
          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
            aria-label="Slide 2"></button>
          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
            aria-label="Slide 3"></button>
          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3"
            aria-label="Slide 4"></button>
        </div>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="./assets/img/self-driving.jpeg" class="d-block w-100" alt="...">
            <div class="carousel-caption d-none d-md-block">
              <h5>5G车联网与自动驾驶</h5>
              <p>
                5G车联网助力汽车、交通应用服务的智能化升级。
              </p>
            </div>
          </div>
          <div class="carousel-item ">
            <img src="./assets/img/VR.jpeg" class="d-block w-100" alt="...">
            <div class="carousel-caption d-none d-md-block">
              <h5>VR</h5>
              <p>
                近年来，由于虚拟现实技术在影视业的广泛应用，以虚拟现实技术为主而建立的第一现场9DVR体验馆得以实现。
                第一现场9DVR体验馆自建成以来，在影视娱乐市场中的影响力非常大，此体验馆可以让观影者体会到置身于真实场景之中的感觉，让体验者沉浸在影片所创造的虚拟环境之中。</p>
            </div>
          </div>
          <div class="carousel-item ">
            <img src="./assets/img/SIRI.gif" class="d-block w-100" alt="...">
            <div class="carousel-caption d-none d-md-block">
              <h5>AI 的应用</h5>
              <p>SIRI 是 Speech Interpretation & Recognition Interface 的首字母缩写，原义为语音识别接口，是苹果公司在iPhone、iPad、iPod
                Touch、HomePod等产品上应用的一个语音助手，利用Siri用户可以通过手机查找信息、拨打电话、发送信息、获取路线、播放音乐、查找苹果设备等。</p>
            </div>
          </div>
          <div class="carousel-item ">
            <img src="./assets/img/AR.jpeg" class="d-block w-100" alt="...">
            <div class="carousel-caption d-none d-md-block">
              <h5>AR</h5>
              <p>
                强现实技术最特殊的地方就是在于其高度交互性，应用于工业设计中，主要表现为虚拟交互，通过手势、点击等识别来实现交互技术，将虚拟的设备、产品去展示给设计者和用户前，也可以通过部分控制实现虚拟仿真，模仿装配情况或日常维护、拆装等工作，在虚拟中学习，减少了制造浪费以及对人才培训的成本，大大改善了设计的体制，缩短了设计时间提高效率。
              </p>
            </div>
          </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
          data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
          data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>

      </div>
    </section> <!-- End 3rd Carousel Section  结束轮播-->

    <!-- ======= 4th 量子计算======= -->
    <section id="liangzi" class="services section-bg">
      <div class="container" data-aos="fade-up">
        <div class="section-title">
          <h2>量子计算</h2>
          <p>量子计算是一种遵循量子力学规律调控量子信息单元进行计算的新型计算模式。
            对照于传统的通用计算机，其理论模型是通用图灵机；通用的量子计算机，其理论模型是用量子力学规律重新诠释的通用图灵机。</p>
        </div>
        <div class="row gy-4">
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box">
              <div class="icon text-center mt-3">
                <i class="fa fa-flask" aria-hidden="true"></i>
              </div>
              <h4><a href="">量子位</a></h4>
              <p>量子位是量子计算的理论基石。在常规计算机中，信息单元用二进制的 1 个位来表示，它不是处于“ 0” 态就是处于“ 1” 态. 在二进制量子计算机中，
                信息单元称为量子位，它除了处于“ 0” 态或“ 1” 态外，还可处于叠加态。</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="200">
            <div class="icon-box">
              <div class="icon text-center mt-3">
                <i class="fa fa-file"></i>
              </div>
              <h4><a href="">叠加原理</a></h4>
              <p>把量子考虑成磁场中的电子。电子的旋转可能与磁场一致，称为上旋转状态，或者与磁场相反，称为下旋状态</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="300">
            <div class="icon-box">
              <div class="icon text-center mt-3">
                <i class="fa fa-question-circle" aria-hidden="true"></i>
              </div>
              <h4><a href="">概念提出</a></h4>
              <p>量子计算的概念最早由阿岗国家实验室的 P.Benioff于80年代初期提出，他提出二能阶的量子系统可以用来仿真数字计算；</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box">
              <div class="icon text-center mt-3">
                <i class="fa fa-line-chart" aria-hidden="true"></i>
              </div>
              <h4><a href="">中期发展</a></h4>
              <p>1994年，贝尔实验室的应用数学家P. Shor指出 [3]，相对于传统电子计算器，利用量子计算可以在更短的时间内将一个很大的整数分解成质因子的乘积。</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="200">
            <div class="icon-box">
              <div class="icon text-center mt-3">
                <a href="#">
                  <i class="fa fa-television" aria-hidden="true"></i></a>
              </div>
              <h4><a href="#">中国量子计算 </a></h4>
              <p> 中科院量子信息与量子科技创新研究院科研团队在超导量子和光量子两种系统的量子计算方面取得重要进展，
                使中国成为世界上唯一在两种物理体系达到“量子计算优越性”里程碑的国家。</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="300">
            <div class="icon-box">
              <div class="icon text-center mt-3">
                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
              </div>
              <h4><a href="">发展前景</a></h4>
              <p>量子计算将有可能使计算机的计算能力大大超过今天的计算机，但仍然存在很多障碍。</p>
            </div>
          </div>

        </div>

      </div>
    </section><!-- 4th 量子计算 -->

    <section id="AI" class="features">
      <div class="container" data-aos="fade-up">

        <div class="section-title">
          <h2>人工智能</h2>
          <p>人工智能的定义可以分为两部分，即“人工”和“智能”。“人工”比较好理解，争议性也不大。
            有时我们会要考虑什么是人力所能及制造的，或者人自身的智能程度有没有高到可以创造人工智能的地步，等等。但总的来说，“人工系统”就是通常意义下的人工系统。</p>
        </div>

        <div class="row">
          <div class="col-lg-6 order-2 order-lg-1 d-flex flex-column align-items-lg-center">
            <div class="icon-box mt-5 mt-lg-0" data-aos="fade-up" data-aos-delay="100">

              <h4><i class="bx bx-receipt"></i>实际应用</h4>
              <p>机器视觉，指纹识别，人脸识别，视网膜识别，虹膜识别，掌纹识别，专家系统，自动规划，智能搜索，
                定理证明，博弈，自动程序设计，智能控制，机器人学，语言和图像理解，遗传编程等。</p>
            </div>
            <div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="200">

              <h4><i class="bx bx-cube-alt"></i>学科范畴</h4>
              <p>人工智能是一门边缘学科，属于自然科学和社会科学的交叉。统计学法、大脑模拟、符号处理</p>
            </div>
            <div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="300">

              <h4><i class="bx bx-images"></i>涉及学科</h4>
              <p>哲学和认知科学，数学，神经生理学，心理学，计算机科学，信息论，控制论，不定性论</p>
            </div>
            <div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="400">

              <h4><i class="bx bx-shield"></i>安全问题</h4>
              <p>人工智能还在研究中，但有学者认为让计算机拥有智商是很危险的，它可能会反抗人类</p>
            </div>
          </div>
          <div class="image col-lg-6 order-1 order-lg-2 animated">
            <img src="./assets/img/baymax.jpeg" alt="" class="img-fluid animated w-100" data-aos="zoom-in"
              data-aos-delay="100">
            <br><br><br>
            <img src="./assets/img/terminator.jpeg" alt="" class="img-fluid w-100" data-aos="zoom-in"
              ata-aos-delay="250">
          </div>
        </div>

      </div>
    </section>

    <!-- ======= 5th Services Section ======= -->
    <section id="services" class="services">
      <div class="container">
        <div class="section-title" data-aos="fade-in" data-aos-delay="100">
          <h2>趋势</h2>
          <p></p>
        </div>

        <div class="row">
          <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
            <div class="icon-box" data-aos="fade-up">
              <div class="icon"><i class="bx bxl-dribbble"></i></div>
              <h4 class="title"><a href="">生活化</a></h4>
              <p class="description">科技越来越贴近生活。在我们身边到处都是科技，它给人们带来的不仅是生活的改变，还为我们带来了更多的方便。</p>
            </div>
          </div>

          <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
            <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
              <div class="icon"><i class="bx bx-cloud"></i></div>
              <h4 class="title"><a href="">云计算</a></h4>
              <p class="description">云计算（cloud
                computing）是分布式计算的一种，指的是通过网络“云”将巨大的数据计算处理程序分解成无数个小程序，然后，
                通过多部服务器组成的系统进行处理和分析这些小程序得到结果并返回给用户。
              </p>
            </div>
          </div>

          <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
            <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
              <div class="icon"><i class="bx bx-data"></i></div>
              <h4 class="title"><a href="">大数据</a></h4>
              <p class="description">大数据(big
                data)，或称巨量资料，指的是所涉及的资料量规模巨大到无法透过主流软件工具，在合理时间内达到撷取、管理、处理、并整理成为帮助企业经营决策更积极目的的资讯。
              </p>
            </div>
          </div>

          <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
            <div class="icon-box" data-aos="fade-up" data-aos-delay="300">
              <div class="icon"><i class="bx bx-bot"></i></div>
              <h4 class="title"><a href="">人工智能</a></h4>
              <p class="description">
                人工智能是计算机科学的一个分支，它企图了解智能的实质，并生产出一种新的能以人类智能相似的方式做出反应的智能机器，该领域的研究包括机器人、语言识别、图像识别、自然语言处理和专家系统等。
              </p>
            </div>
          </div>
        </div>
      </div>
    </section><!-- End 5th Services Section -->
    <!-- ======= 6th Cta Section 中间背景区块 ======= -->
    <section id="cta" class="cta">
      <div class="container" data-aos="zoom-in">

        <div class="text-center">
          <h3>觉得很赞？</h3>
          <p> 那就给我点个赞吧！<i class="fa fa-thumbs-o-up"></i></p>
          <a class="cta-btn" href="#contact">给赞<i class="fa fa-smile-o"></i></a>
        </div>

      </div>
    </section><!-- 6th End Cta Section -->

    <!-- ======= 7th Testimonials Section ======= -->
    <section id="testimonials" class="testimonials section-bg">
      <div class="container">
        <div class="section-title" data-aos="fade-in" data-aos-delay="100">
          <h2>科技巨头</h2>
          <p></p>
        </div>
        <div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="testimonial-item">
                <p>
                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                  苹果公司（Apple Inc. ）是美国一家高科技公司。
                  由史蒂夫·乔布斯、斯蒂夫·盖瑞·沃兹尼亚克和罗纳德·杰拉尔德·韦恩（Ron Wayne）等人于1976年4月1日创立，并命名为美国苹果电脑公司（Apple Computer
                  Inc.），2007年1月9日更名为苹果公司，总部位于加利福尼亚州的库比蒂诺。
                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                </p>
                <img src="assets/img/testimonials/apple.jpeg" class="testimonial-img" alt="">
                <h3>Apple</h3>
              </div>
            </div><!-- End testimonial item -->
            
            <div class="swiper-slide">
              <div class="testimonial-item">
                <p>
                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                  华为技术有限公司，成立于1987年，总部位于广东省深圳市龙岗区。
                  华为消费者业务产品全面覆盖手机、移动宽带终端、终端云等，凭借自身的全球化网络优势、全球化运营能力，致力于将最新的科技带给消费者，让世界各地享受到技术进步的喜悦，以行践言，实现梦想。
                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                </p>
                <img src="assets/img/testimonials/huawei.jpeg" class="testimonial-img" alt="">
                <h3>Huawei</h3>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-item">
                <p>
                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                  谷歌公司（Google
                  Inc.）成立于1998年9月4日，由拉里·佩奇和谢尔盖·布林共同创建，被公认为全球最大的搜索引擎公司。谷歌是一家位于美国的跨国科技企业，业务包括互联网搜索、云计算、广告技术等，同时开发并提供大量基于互联网的产品与服务，其主要利润来自于AdWords等广告服务。
                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                </p>
                <img src="assets/img/testimonials/google.jpg" class="testimonial-img" alt="">
                <h3>Google</h3>
              </div>
            </div><!-- End testimonial item -->
            <div class="swiper-slide">
              <div class="testimonial-item">
                <p>
                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                  微软（Microsoft）是一家美国跨国科技企业，由比尔·盖茨和保罗·艾伦于1975年4月4日创立。公司总部设立在华盛顿州雷德蒙德（Redmond，邻近西雅图），以研发、制造、授权和提供广泛的电脑软件服务业务为主。
                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                </p>
                <img src="assets/img/testimonials/microsoft.jpg" class="testimonial-img" alt="">
                <h3>Microsoft</h3>
              </div>
            </div><!-- End testimonial item -->
            <div class="swiper-slide">
              <div class="testimonial-item">
                <p>
                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                  深圳市腾讯计算机系统有限公司成立于1998年11月，由马化腾、张志东、许晨晔、陈一丹、曾李青五位创始人共同创立。
                  腾讯多元化的服务包括：社交和通信服务QQ及微信/WeChat、社交网络平台QQ空间、腾讯游戏旗下QQ游戏平台、门户网站腾讯网、腾讯新闻客户端和网络视频服务腾讯视频等。
                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                </p>
                <img src="assets/img/testimonials/tencent.jpg" class="testimonial-img" alt="">
                <h3>Tencent</h3>
              </div>
            </div><!-- End testimonial item -->
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
    </section><!-- End 7th Testimonials Section -->

    <!-- ======= 8th Team Section 团队介绍 ======= -->
    <section id="team" class="team">
      <div class="container">
        <div class="section-title" data-aos="fade-in" data-aos-delay="100">
          <h2>Team</h2>
          <p>我们小组共有四个人,他们是：陈冠吏，劳杰龙，仲恒，严天成</p>
        </div>

        <div class="row">

          <div class="col-lg-3 col-md-6">
            <div class="member" data-aos="fade-up">
              <div class="pic"><img src="assets/img/team/team-1.jpg" class="img-fluid" alt=""></div>
              <div class="member-info">
                <h4>Gary Chen 陈冠吏</h4>
                <span>Index Designing 主页设计</span>
                <div class="social">
                  <a href=""><i class="fa fa-weixin" style="font-size: 20px;color:rgb(59, 146, 32)"></i></a>
                  <a href=""><i class="fa fa-qq" style="font-size: 20px;color:rgb(2, 3, 3)"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-3 col-md-6">
            <div class="member" data-aos="fade-up" data-aos-delay="150">
              <div class="pic"><img src="assets/img/team/team-2.jpg" class="img-fluid" alt=""></div>
              <div class="member-info">
                <h4>劳杰龙</h4>
                <span>科技资讯</span>
                <div class="social">
                  <a href=""><i class="fa fa-weixin" style="font-size: 20px;color:rgb(59, 146, 32)"></i></a>
                  <a href=""><i class="fa fa-qq" style="font-size: 20px;color:rgb(2, 3, 3)"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-3 col-md-6">
            <div class="member" data-aos="fade-up" data-aos-delay="300">
              <div class="pic"><img src="assets/img/team/team-3.jpg" class="img-fluid" alt=""></div>
              <div class="member-info">
                <h4>仲恒</h4>
                <span>科普</span>
                <div class="social">
                  <a href=""><i class="fa fa-weixin" style="font-size: 20px;color:rgb(59, 146, 32)"></i></a>
                  <a href=""><i class="fa fa-qq" style="font-size: 20px;color:rgb(2, 3, 3)"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-3 col-md-6">
            <div class="member" data-aos="fade-up" data-aos-delay="450">
              <div class="pic"><img src="assets/img/team/team-4.jpg" class="img-fluid" alt=""></div>
              <div class="member-info">
                <h4>严天成</h4>
                <span>产品比较</span>
                <div class="social">
                  <a href=""><i class="fa fa-weixin" style="font-size: 20px;color:rgb(59, 146, 32)"></i></a>
                  <a href=""><i class="fa fa-qq" style="font-size: 20px;color:rgb(2, 3, 3)"></i></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section><!-- 8th End Team Section 团队介绍 -->

    <!-- ======= 9th Contact Section 联系我们 ======= -->
    <section id="contact" class="contact section-bg">
      <div class="container">

        <div class="section-title" data-aos="fade-down">
          <h2>Contact 联系</h2>
          <p>以下是我们的地址 和 联系方式</p>
        </div>
        <div class="row">
          <div class="col-lg-6" data-aos="fade-right" data-aos-delay="100">
            <div class="info-box mb-4">
              <i class="fa fa-map"></i>
              <h3>Our Address 我们的地址</h3>
              <p>广西壮族自治区北海市南珠大道9号</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6" data-aos="fade-left" data-aos-delay="100">
            <div class="info-box  mb-4">
              <i class="fa fa-envelope"></i>
              <h3>Email Us 电子邮件</h3>
              <p>contact@example.com</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6" data-aos="fade-left" data-aos-delay="200">
            <div class="info-box mb-4">
              <i class="fa fa-phone" style="width: 3.25rem;"></i>
              <h3>Call Us 联系我们</h3>
              <p>+1 5589 55488 55</p>
            </div>
          </div>
        </div>
        <div class="row">
          <!-- iframe插入地图 -->
          <div class="col-lg-6 " data-aos="fade-right" data-aos-delay="300">
            <iframe class="mb-4 mb-lg-0" loading="lazy" data-aos="fade-right" src="https://j.map.baidu.com/e5/2Vvc"
              frameborder="0" style="border:0; width: 100%; height: 353px;"></iframe>
          </div>
          <div class="col-lg-6" data-aos="fade-left" data-aos-delay="300">

            <form action="" method="post" role="form" class="php-email-form">
              <div class="row">
                <div class="col-md-6 form-group">
                  <input type="text" name="name" class="form-control" id="name" placeholder="Your Name 姓名" required>
                </div>
                <div class="col-md-6 form-group mt-3 mt-md-0">
                  <input type="email" class="form-control" name="email" id="email" placeholder="Your Email 电邮" required>
                </div>
              </div>
              <div class="form-group mt-3">
                <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject 主题" required>
              </div>
              <div class="form-group mt-3">
                <textarea class="form-control" name="message" rows="5" placeholder="Message 正文" required></textarea>
              </div>
              <div class="text-center"><button type="submit" id="send" class="btn btn-primary">Send Message</button>
              </div>
            </form>

          </div>
        </div>
    </section><!-- 9th End Contact Section -->
    
  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row">

          <div class="col-lg-4 col-md-6">
            <div class="footer-info">
              <h3>NIIT</h3>
              <p>
                广西壮族自治区北海市南珠大道9号<br>
                <strong>Phone电话:</strong> +86 1559 55488 55<br>
                <strong>Email电邮:</strong> info@example.com<br>
              </p>
              <div class="social-links mt-3">
                <a href="#" class="weixin"><i class="fa fa-weixin"></i></a>
                <a href="#" class="weibo"><i class="fa fa-weibo"></i></a>
                <a href="#" class="instagram"><i class="fa fa-map"></i></a>
                <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
                <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
              </div>
            </div>
          </div>
          <div class="col-lg-2 col-md-6 footer-links">
            <h4>Useful Links 快捷链接</h4>
            <ul>
              <li><i class="bx bx-chevron-right"></i> <a href="#hero">Home 主页</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#about">Application 应用</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#services">Trends 趋势</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#team">Team 团队</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#contact">Contact 联系我们</a></li>
            </ul>
          </div>

          <div class="col-lg-4 col-md-6 footer-newsletter">
            <form action="" method="post">
              <input type="email" name=""><input type="submit" value="Search 搜索">
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="copyright">
        &copy; Copyright <strong><span>GDBH</span></strong>. All Rights Reserved
      </div>
      <div class="credits">
        <!-- All the links in the footer should remain intact. -->
        Designed by <a href="#">Class03 Group04 看得见的未来</a>
      </div>
    </div>
  </footer><!-- End Footer -->
  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
      class="bi bi-arrow-up-short"></i></a>
  <!-- Vendor JS Files JS文件 -->
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <!-- Index Main JS File 主页主要JS文件 -->
  <script src="assets/js/index.js"></script>
</body>

</html>